<table width="100" border="0" class="mb-2">
	<tr> 
		<td bgcolor="#FF0000" onClick="ColorSel('#FF0000', 'color');" width="20%">&nbsp;</td>
		<td bgcolor="#0000FF" onClick="ColorSel('#0000FF', 'color');" width="20%">&nbsp;</td>
		<td bgcolor="#006600" onClick="ColorSel('#006600', 'color');" width="20%">&nbsp;</td>
		<td bgcolor="#333333" onClick="ColorSel('#333333', 'color');" width="20%">&nbsp;</td>
		<td bgcolor="#ffffff" onClick="ColorSel('', 'color');" width="20%" align="center">X</td>
	</tr>
	<tr> 
		<td bgcolor="#CC0000" onClick="ColorSel('#CC0000', 'color');">&nbsp;</td>
		<td bgcolor="#0033CC" onClick="ColorSel('#0033CC', 'color');">&nbsp;</td>
		<td bgcolor="#339900" onClick="ColorSel('#339900', 'color');">&nbsp;</td>
		<td bgcolor="#D1DDAA" onClick="ColorSel('#D1DDAA', 'color');">&nbsp;</td>
		<td bgcolor="#FFCC33" onClick="ColorSel('#FFCC33', 'color');">&nbsp;</td>
	</tr>
	<tr> 
		<td bgcolor="#990000" onClick="ColorSel('#990000', 'color');">&nbsp;</td>
		<td bgcolor="#000099" onClick="ColorSel('#000099', 'color');">&nbsp;</td>
		<td bgcolor="#33CC00" onClick="ColorSel('#33CC00', 'color');">&nbsp;</td>
		<td bgcolor="#999999" onClick="ColorSel('#999999', 'color');">&nbsp;</td>
		<td bgcolor="#FF6633" onClick="ColorSel('#FF6633', 'color');">&nbsp;</td>
	</tr>
	<tr> 
		<td bgcolor="#660000" onClick="ColorSel('#660000', 'color');">&nbsp;</td>
		<td bgcolor="#330099" onClick="ColorSel('#330099', 'color');">&nbsp;</td>
		<td bgcolor="#66FF00" onClick="ColorSel('#66FF00', 'color');">&nbsp;</td>
		<td bgcolor="#CCCCCC" onClick="ColorSel('#CCCCCC', 'color');">&nbsp;</td>
		<td bgcolor="#FFFF00" onClick="ColorSel('#FFFF00', 'color');">&nbsp;</td>
	</tr>
</table>
<input type="color" id="selColor">
<button onclick="ColorSel(document.querySelector('#selColor').value, 'color');" class="btn btn-sm btn-success">确定</button>